html,body{
    overflow: hidden;
    width: 100%;
    height: 100%;
    background:url("../imgs/login.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    color: white;
    -webkit-font-smoothing: antialiased;
}
.top{
    width: 100%;
    height: 9%;
    background-color: white;
    color: white;
    display: flex;
    flex-direction: row;
}
.top-left{
    width:40%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.top-left .kong{
    width: 37%;
}
.logo{
    width: 30%;
    height: 80%;
    margin-top: 2.5%;
}
.logo img{
    width: 90%;
}
.top-right{
    width: 60%;
    height: 100%;
}
.list{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 0 !important;
}
.list li {
    width: 14.3%;
}
li a{
    color: black;
    display: inline-block;
    margin-top: 15%;
}
select option{
    color: black;
}

